<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link rel="stylesheet" href="css/register.css">
</head>

<body>
    <div>
        <form action="#" class="contact_form">
            <ul>
                <li>
                    <h2>用户注册</h2>
                </li>
                <li class="usually">
                    <span>昵称：</span>
                    <input type="text" name="name" required pattern="^[a-zA-Z0-9{6,8}]">
                </li>
                <li class="usually">
                    <span>注册邮箱：</span>
                    <input type="email" name="email" required placeholder="xuyan@example.com">
                </li>
                <li class="usually">
                    <span>密码：</span>
                    <input type="password" name="password" required>
                    <li>
                        <span>性别：</span>
                        <input type="radio" id="male" name="sex" value="male" checked>
                        <label for="male">男</label>
                        <input type="radio" id="female" name="sex" value="female">
                        <label for="female">女</label>
                    </li>
                    <li class="usually">
                        <span>年龄：</span>
                        <input type="number" name="age" required>
                    </li>
                    <li>
                        <span>兴趣爱好：</span>
                        <input type="checkbox" id="football" name="interest[]">
                        <label for="football">足球</label>
                        <input type="checkbox" id="read" name="interest[]">
                        <label for="read">阅读</label>
                        <input type="checkbox" id="swim" name="interest[]">
                        <label for="swim">游泳</label>
                    </li>
                    <li>
                        <span>自我介绍</span>
                        <textarea name="introduction" cols="200" rows="10" placeholder="please enter your mess"></textarea>
                    </li>
                    <li>
                        <input type="submit" value="立即注册">
                    </li>
            </ul>
        </form>
    </div>
</body>

</html>